@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto;
	padding: 0;
	font-size: 18px;
	font-family: "microsoft yahei";
	background-color: #f0f0f0;
}

.nav {
	width: 100%;
	height: 68px;
	background-color: #eef6e7;
	border-bottom: 1px solid #10caa5;
	position: fixed;
}

.navs {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}

.navs li {
	height: 68px;
	list-style: none;
	float: left;
	display: block;
	text-align: center;
	line-height: 68px;
	margin: 0 43px 0 0;
}

.navs ul {
	margin: 0 auto;
}

.navs a {
	color: #555;
	text-decoration: none;
}

.banner {
	height: 95px;
	width: 1000px;
	margin: 0 auto;
	padding-top: 80px;
	overflow: hidden;
	padding-bottom: 15px;
}

.box1 {
	width: 1000px;
	height: 56px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.box1 .search1 {
	background-color: #fff;
	width: 705px;
	height: 56px;
	border-right: 15px solid #f0f0f0;
	float: left;
}

.box1 .search1 .form {
	font-size: 14px;
	margin: 15px 0 0 10px;
}

.box1 .search1 .form .forms {
	height: 34px;
	padding: 6px 14px;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: "microsoft yahei";
}

.box1 .search1 .form .find {
	width: 55px;
	height: 34px;
	color: #000;
	background: #fff;
	border-radius: 5px;
	font-size: 13px;
	border: 1px solid #ccc;
	cursor: pointer;
	font-family: "microsoft yahei";
}

.box1 .search1 .form .find:hover {
	background-color: #e6e6e6;
}

.box1 .search1 .form .find:focus {
	background-color: #e6e6e6;
}

.box1 .search1 .form .find:active {
	background-color: #d4d4d4;
}

.box1 .search2 {
	background-color: #fff;
	width: 280px;
	height: 56px;
	float: right;
}

.box1 .search2 .sousuo {
	width: 150px;
	height: 30px;
	padding-left: 10px;
	margin: 11px 0px 0px 25px;
	border-radius: 5px;
	border: 1px solid #ccc;
	float: left;
}

.box1 .search2 .sousuoes {
	width: 50px;
	height: 30px;
	color: #fff;
	background: #337ab7;
	float: right;
	border-radius: 5px;
	font-size: 14px;
	border: 1px solid #2e6da4;
	cursor: pointer;
	margin: 13px 30px 0 0;
	font-family: "microsoft yahei";
}

.box1 .search2 .sousuoes:hover {
	background-color: #286090;
}

.box1 .search2 .sousuoes:focus {
	background-color: #286090;
}

.box1 .search2 .sousuoes:active {
	background-color: #204d74;
}

.box2 {
	height: 600px;
	width: 1000px;
	margin: 0 auto;
}

.box3 {
	height: 545px;
	width: 705px;
	background-color: #fff;
	float: left;
}

.box3 .search3 {
	width: 705px;
	height: 48px;
	border-bottom: 2px solid #f0f0f0;
}

.box3 .search3 .xiaoqu {
	width: 60px;
	height: 30px;
	color: #fff;
	background: #337ab7;
	float: right;
	border-radius: 5px;
	font-size: 14px;
	border: 1px solid #2e6da4;
	margin: 9px 8px 0 0;
	font-family: "microsoft yahei";
}

.box3 .search3 .xiaoqu:hover {
	background-color: #286090;
}

.box3 .search3 .xiaoqu:focus {
	background-color: #286090;
}

.box3 .search3 .xiaoqu:active {
	background-color: #204d74;
}

.box3 .member {
	width: 705px;
	height: 150px;
	border-bottom: 15px solid #f0f0f0;
	position: relative;
}

.box3 .member img {
	height: 150px;
	width: 150px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

.box3 .member a {
	float: left;
	margin: 8px 0 0 12px;
	font-size: 17px;
	color: #337ab7;
	font-weight: bold;
	text-decoration: none;
}

.box3 .boy a::after {
	content: url( ../img/boy.png);
	margin-left: 3px;
	margin-right: 5px;
}

.box3 .girl a::after {
	content: url( ../img/girl.png);
	margin-left: 3px;
	margin-right: 5px;
}

.box3 .member .badge {
	width: 35px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 10px 3px 0 0;
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	float: left;
}

.box3 .member p {
	margin-left: 10px;
	font-size: 14px;
	color: #555;
	float: left;
	position: absolute;
	left: 152px;
	top: 40px;
}

.box3 .pages .small-pages:first-of-type {
	margin-left: 250px;
}

.box3 .pages .small-pages {
	width: 38px;
	height: 24px;
	font-size: 13px;
	color: #fff;
	background: #5cb85c;
	border: 1px solid #449d44;
	border-radius: 4px;
	display: inline-block;
}

.box3 .pages .small-pages:hover {
	background-color: #449d44;
	border-color: #398439;
}

.box3 .pages .small-pages:active {
	background-color: #398439;
}

.box3 .pages .big-pages {
	width: 58px;
	height: 24px;
	font-size: 13px;
	color: #fff;
	background: #5cb85c;
	border: 1px solid #449d44;
	border-radius: 4px;
	display: inline-block;
}

.box3 .pages .big-pages:hover {
	background-color: #449d44;
	border-color: #398439;
}

.box3 .pages .big-pages:active {
	background-color: #398439;
}

.box3 .pages .my-pages {
	width: 20px;
	height: 22px;
	color: #b9b9b9;
	background: #fafafa;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
}

.box3 .page {
	width: 705px;
	height: 55px;
	background-color: #f0f0f0;
}

.box4 {
	width: 280px;
	height: 445px;
	background-color: #fff;
	float: right;
}

.box4 .logins {
	width: 280px;
	height: 335px;
	border-bottom: 15px solid #f0f0f0;
	display: none;
}

.box4 .logins img {
	float: left;
	margin: 20px 0 0 65px;
}

.box4 .whitebutton {
	width: 105px;
	height: 30px;
	color: #000;
	background: #fff;
	border-radius: 5px;
	font-size: 13px;
	border: 1px solid #ccc;
	cursor: pointer;
	font-family: "microsoft yahei";
}

.box4 .whitebutton:hover {
	background-color: #e6e6e6;
}

.box4 .whitebutton:focus {
	background-color: #e6e6e6;
}

.box4 .whitebutton:active {
	background-color: #d4d4d4;
}

.box4 .wb1 {
	margin: 17px 0 0 25px;
	display: inline-block;
	position: relative;
}

.box4 .wb1 spwn::after {
	content: url(../img/wodeziliao.png);
	margin: 4px 0 0 -90px;
	position: absolute;
}

.box4 .wb2 {
	margin: 17px 0 0 13px;
	display: inline-block;
	position: relative;
}

.box4 .wb2 spwn::after {
	content: url(../img/anquanzhongxin.png);
	margin: 3px 0 0 -90px;
	position: absolute;
}

.box4 .wb3 {
	margin: 17px 0 0 25px;
	display: inline-block;
	position: relative;
}

.box4 .wb3 spwn::after {
	content: url(../img/xiaoxizhongxin.png);
	margin: 4px 0 0 -90px;
	position: absolute;
}

.box4 .wb4 {
	margin: 17px 0 0 13px;
	display: inline-block;
	position: relative;
}

.box4 .wb4 spwn::after {
	content: url(../img/tuichudenglu.png);
	margin: 4px 0 0 -90px;
	position: absolute;
}

.box4 .login {
	width: 280px;
	height: 335px;
	border-bottom: 15px solid #f0f0f0;
}

.box4 .login h4,
.box4 .logins h4 {
	font-weight: normal;
	margin: 0;
	text-align: center;
	padding-top: 20px;
}

.box4 .login .logintext {
	width: 230px;
	height: 30px;
	padding-left: 10px;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 20px auto 0;
	display: block;
}

.box4 .login .yanzhengma {
	width: 100px;
	height: 30px;
	padding-left: 10px;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 20px 0 0 20px;
	float: left;
}

.box4 .login .disanfang {
	height: 50px;
	width: 180px;
	float: left;
}

.box4 .login .disanfang .qq {
	height: 30px;
	width: 30px;
	float: left;
	background-image: url(../img/QQ1.png);
	background-size: contain;
	margin: 10px 0 0 20px;
	cursor: pointer;
}

.box4 .login .disanfang .weixin {
	height: 30px;
	width: 30px;
	float: left;
	background-image: url(../img/weixin1.png);
	background-size: contain;
	margin: 10px 0 0 20px;
	cursor: pointer;
}

.box4 .login .disanfang .weibo {
	height: 30px;
	width: 30px;
	float: left;
	background-image: url(../img/weibo1.png);
	background-size: contain;
	margin: 10px 0 0 20px;
	cursor: pointer;
}

.box4 .login .disanfang .qq:hover {
	background-image: url(../img/QQ2.png);
}

.box4 .login .disanfang .weixin:hover {
	background-image: url(../img/weixin2.png);
}

.box4 .login .disanfang .weibo:hover {
	background-image: url(../img/weibo2.png);
}

.box4 .login img {
	margin: 20px 30px 0 0;
	float: right;
}

.box4 .login .wangjimima {
	margin: 20px 30px 0 0;
	float: right;
	text-decoration: none;
	font-size: 12px;
	color: #2b542c;
}

.box4 .login .denglu {
	width: 230px;
	height: 36px;
	padding-left: 10px;
	font-size: 13px;
	color: #fff;
	background: #5cb85c;
	border: 1px solid #449d44;
	border-radius: 4px;
	margin: 105px auto 0;
	display: block;
}

.box4 .login .denglu:hover {
	background-color: #449d44;
	border-color: #398439;
}

.box4 .login .denglu:active {
	background-color: #398439;
}

.box4 .login p {
	font-size: 15px;
	display: inline-block;
	margin: 10px 0 0 110px;
}

.box4 .login .lijizhuce {
	float: right;
	text-decoration: none;
	font-size: 15px;
	color: #2b542c;
	margin: 10px 30px 0 0;
}

.box4 .about {
	width: 265px;
	height: 110px;
}

.box4 .about a {
	color: #555;
	text-decoration: none;
	font-size: 17px;
	display: block;
	margin: 15px 0 0 15px;
}

.footer {
	width: 1000px;
	height: 60px;
	border-top: solid 1px #adadad;
	margin: 0 auto;
}

.footer p {
	font-size: 13px;
	color: #adadad;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 60px;
}
.register {
	height: 900px;
	width: 1000px;
	margin: 0 auto 20px;
	background-color: #fff;
}

.register h4 {
	font-weight: normal;
	text-align: center;
	padding-top: 30px;
	font-size: 20px;
	margin: 0;
}

.register span {
	color: red;
}

.register p {
	font-size: 15px;
	font-weight: bold;
	margin-top: 25px;
	padding: 0 15px 0 320px;
	display: inline-block;
}

.register p:first-of-type {
	margin-top: 55px;
}

.register p:nth-of-type(3),
.register p:nth-of-type(6) {
	padding: 0 15px 0 350px;
}

.register p:nth-of-type(8) {
	padding: 0 15px 0 335px;
}

.register p:nth-of-type(5) {

}

.register .text {
	width: 230px;
	height: 30px;
	padding-left: 10px;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 20px auto 0;
}

.register .sex {
	height: 34px;
	width: 240px;
	padding: 6px 14px;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: "microsoft yahei";
}

.register .jieshao {
	resize: none;
	height: 150px;
	width: 230px;
	padding-left: 10px;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: "microsoft yahei";
	margin: 20px 0 0 5px;
}

.register .yz2 {
	display: block;
	margin: 10px 0 0 425px;
}

.register .zhuce {
	width: 120px;
	height: 36px;
	padding-left: 10px;
	font-size: 13px;
	color: #fff;
	background: #5cb85c;
	border: 1px solid #449d44;
	border-radius: 4px;
	margin: 20px 0 0 425px;
}

.register .zhuce:hover {
	background-color: #449d44;
	border-color: #398439;
}

.register .zhuce:active {
	background-color: #398439;
}

.register .fengexian {
	width: 700px;
	margin: 30px auto 0;
	border-top: solid 1px #adadad;
}

.register .disanfang .qq {
	height: 40px;
	width: 40px;
	float: left;
	background-image: url(../img/QQ1.png);
	background-size: contain;
	margin: 20px 0 0 385px;
	cursor: pointer;
}

.register .disanfang .weixin {
	height: 40px;
	width: 40px;
	float: left;
	background-image: url(../img/weixin1.png);
	background-size: contain;
	margin: 20px 0 0 60px;
	cursor: pointer;
}

.register .disanfang .weibo {
	height: 40px;
	width: 40px;
	float: left;
	background-image: url(../img/weibo1.png);
	background-size: contain;
	margin: 20px 0 0 60px;
	cursor: pointer;
}

.register .disanfang .qq:hover {
	background-image: url(../img/QQ2.png);
}

.register .disanfang .weixin:hover {
	background-image: url(../img/weixin2.png);
}

.register .disanfang .weibo:hover {
	background-image: url(../img/weibo2.png);
}

.box5 {
	height: 680px;
	width: 1000px;
	margin: 0 auto;
}

.box6 {
	width: 705px;
	height: 630px;
	background: #fff;
	float: left;
}

.box6 .touxiang {
	height: 320px;
	width: 260px;
	float: left;
}

.box6 .touxiang img {
	display: block;
	margin: 30px auto 0;
}

.box6 .touxiang .redbutton {
	width: 65px;
	height: 20px;
	color: #fff;
	background-color: #d9534f;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	margin: 15px 0 0 60px;
}

.box6 .touxiang .redbutton:nth-of-type(2) {
	margin: 15px 0 0 5px;
}

.box6 .touxiang .redbutton:hover {
	background-color: #c9302c;
}

.box6 .touxiang .redbutton:active {
	background-color: #ac2925;
}

.box6 .touxiang .bluelabel {
	background-color: #337ab7;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	width: 144px;
	height: 20px;
	margin: 6px auto 0;
	text-align: center;
}

.box6 .touxiang .bluelabel:first-of-type {
	margin-top: 10px;
}

.box6 .information {
	height: 350px;
	width: 440px;
	float: right;
}

.box6 .information spwn {
	font-weight: bold;
	font-size: 14px;
	margin-right: 20px;
	display: block;
}

.box6 .information spwn:first-of-type {
	margin-top: 20px;
}

.box6 .information .text {
	width: 150px;
	height: 25px;
	padding-left: 10px;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 5px;
}

.box6 .fengexian {
	width: 600px;
	border-top: solid 1px #adadad;
	float: left;
	margin-left: 50px;
}

.box6 .introduction {
	width: 705px;
	height: 195px;
	float: left;
}

.box6 .introduction p {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 95px;
	display: block;
}

.box6 .introduction .gerenjieshao {
	resize: none;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 140px;
	width: 465px;
	margin: 10px 0 0 100px;
}

.box6 .baocun {
	width: 70px;
	height: 30px;
	color: #fff;
	background: #337ab7;
	border-radius: 5px;
	font-size: 14px;
	border: 1px solid #2e6da4;
	cursor: pointer;
	margin: 20px 0 0 315px;
	font-family: "microsoft yahei";
}

.box6 .baocun:hover {
	background-color: #286090;
}

.box6 .baocun:focus {
	background-color: #286090;
}

.box6 .baocun:active {
	background-color: #204d74;
}


.box7 {
	height: 500px;
	width: 1000px;
	margin: 0 auto;
}

.box8 {
	height: 400px;
	width: 705px;
	background-color: #fff;
	float: left;
}

.box8 p {
	font-size: 15px;
	font-weight: bold;
	margin-top: 15px;
	padding-left: 200px;
	display: inline-block;
}

.box8 p:first-of-type {
	margin-top: 55px;
}

.box8 p:nth-of-type(4),
.box8 p:nth-of-type(5) {
	padding-left: 215px;
}

.box8 .text {
	width: 230px;
	height: 30px;
	padding-left: 10px;
	font-size: 13px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.box8 .texthidden {
	width: 230px;
	height: 30px;
	padding-left: 10px;
	font-size: 13px;
	background-color: #fff;
	color: #555;
	border: none;
}

.box8 span {
	display: block;
}

.box8 .save {
	width: 80px;
	height: 30px;
	color: #fff;
	background: #337ab7;
	float: right;
	border-radius: 5px;
	border: 1px solid #2e6da4;
	cursor: pointer;
	font-family: "microsoft yahei";
	margin-right: 345px;
	margin-top: 15px;
}

.box8 .save:hover {
	background-color: #286090;
}

.box8 .save:focus {
	background-color: #286090;
}

.box8 .save:active {
	background-color: #204d74;
}

        .black_overlay{ 
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 100%; 
            background-color: black; 
            z-index:1001; 
            -moz-opacity: 0.8; 
            opacity:.80; 
            filter: alpha(opacity=88); 
        } 
        .white_content { 
            display: none; 
            position: absolute; 
            top: 25%; 
            left: 25%; 
            width: 55%; 
            height: 55%; 
            padding: 20px; 
            border: 10px solid orange; 
            background-color: white; 
            z-index:1002; 
            overflow: auto; 
        } 
		.sixin {
		    width: 960px;
			height: 470px;
			resize: none;
		}